<template>
    <div>
        <div class="app-container">
            <el-card>
                <template #header>
                    <div class="clearfix">
                        <span>配置列表</span>
                    </div>
                </template>
                <!-- 分页已移除 -->
                <el-tabs v-model="activeTab">
                    <el-tab-pane label="基本配置" name="basicConfig">
                        <BasicDialog/>
                    </el-tab-pane>
                    <el-tab-pane label="LDAP配置" name="ldapConfig">
                        <LdapDialog/>
                    </el-tab-pane>
                </el-tabs>
            </el-card>
        </div>
    </div>
</template>

<script setup>
import BasicDialog from './components/BasicDialog.vue'
import LdapDialog from './components/LdapDialog.vue'
import {ref} from 'vue'

const activeTab = ref("basicConfig");
const tableData = ref([])
const queryForm = ref({
  name: ''
});
const total = ref(0)
</script>